<template>
	<view class="item margin-bottom">
		<view class="title margin-bottom-sm flex justify-between">
			<text class="text-bold text-black">· {{title}} ·</text>
			<slot></slot>
		</view>
		<rich-text :nodes="cont"></rich-text>
	</view>
</template>

<script>
export default {
	props: {
		title: {
			type: String,
			default: '标题'
		},
		cont: {
			type: String,
			default: '内容'
		}
	},
	data() {
		return {};
	}
};
</script>

<style lang="scss">
.item {
	.title {
		position: relative;
		font-size: 30upx;
	}
	.text {
		color: #333;
		font-size: 26upx;
		line-height: 37upx;
	}
}
</style>
